
<div class=" fluent-autocomplete-multiselect" style="width: 100%;" b-90q402ec2b="">
  <fluent-text-field role="combobox" id="xxx" placeholder="" aria-expanded="true" aria-controls="myComponent-popup" current-value="" blazor:onclick="1" blazor:oninput="2" blazor:onkeydown="3" blazor:onfocusout="4" style="width: 100%; min-width: 100%;" b-90q402ec2b="">
    <svg slot="end" style="width: 16px; fill: var(--accent-fill-rest); cursor: pointer;" focusable="false" viewBox="0 0 16 16" aria-hidden="true" blazor:onclick="5">
      <title>Search</title>
      <path d="M9.1 10.17a4.5 4.5 0 1 1 1.06-1.06l3.62 3.61a.75.75 0 1 1-1.06 1.06l-3.61-3.61Zm.4-3.67a3 3 0 1 0-6 0 3 3 0 0 0 6 0Z"></path>
    </svg>
  </fluent-text-field>
  <div class="fluent-overlay" style="cursor: auto; position: fixed; z-index: 9900;" blazor:onclick="6" blazor:oncontextmenu="7" blazor:oncontextmenu:preventdefault="" b-rbsnh2nzwy="">
    <div style="display: flex; align-items:center; justify-content: center; width: 100%; height: 100%" b-rbsnh2nzwy=""></div>
  </div>
  <fluent-anchored-region id="xxx" anchor="xxx" horizontal-positioning-mode="dynamic" horizontal-default-position="right" horizontal-inset="" horizontal-threshold="0" horizontal-scaling="content" vertical-positioning-mode="dynamic" vertical-default-position="unset" vertical-threshold="0" vertical-scaling="content" auto-update-mode="auto" style="z-index: 9999;" b-z9rtvm3m6a="" blazor:elementreference="xxx">
    <div style="z-index: 9999; background-color: var(--neutral-layer-floating); box-shadow: var(--elevation-shadow-flyout); margin-top: 10px; border-radius: calc(var(--control-corner-radius) * 2px); background-color: var(--neutral-layer-floating);" b-z9rtvm3m6a="">
      <div role="listbox" style="width: 100%;" aria-label="List" b-90q402ec2b="">
        <fluent-option id="xxx" value="Customer { Id = 1, Name = Denis Voituron }" blazor:onclick="8" selectable="" blazor:elementreference="xxx">Customer { Id = 1, Name = Denis Voituron }</fluent-option>
        <fluent-option id="xxx" value="Customer { Id = 2, Name = Vincent Baaij }" blazor:onclick="9" blazor:elementreference="xxx">Customer { Id = 2, Name = Vincent Baaij }</fluent-option>
        <fluent-option id="xxx" value="Customer { Id = 3, Name = Bill Gates }" blazor:onclick="10" blazor:elementreference="xxx">Customer { Id = 3, Name = Bill Gates }</fluent-option>
      </div>
    </div>
  </fluent-anchored-region>
</div>